<template>
  <div>
    <el-form-item :label="i18nt('designer.setting.gridColHeight')">
      <el-input-number type="number" v-model="optionModel.colHeight" @change="onChange"
                       :min="50" class="hide-spin-button"></el-input-number>
    </el-form-item>
  </div>
</template>

<script>
import i18n from '@/utils/i18n'
import propertyMixin from '@/components/form-designer/setting-panel/property-editor/propertyMixin'

export default {
  name: 'colHeight-editor',
  mixins: [i18n, propertyMixin],
  props: {
    designer: Object,
    selectedWidget: Object,
    optionModel: Object,
  },
  data() {
    return {
      grid: this.designer.formWidget?.getSelectedWidgetRef()?.grid,
    }
  },
  methods: {
    onChange(val) {
      // console.log('colHeight-editor onChange', this.selectedWidget)
      this.grid.cellHeight(val)
    },
  },
}
</script>

<style scoped>

</style>
